<!-- 在子组件中使用固定参数接收，固定方法去触发，以达到 v-model 语法糖的要求 -->
<!-- 然后就能在父组件中使用 v-model 简化代码 -->

<template>
    <div>
        <select :value="value" @change="handleChange">
            <option value="101">北京</option>
            <option value="102">上海</option>
            <option value="103">武汉</option>
            <option value="104">广州</option>
            <option value="105">深圳</option>
        </select>
    </div>
</template>

<script>
export default {
    props: {
        value: String
    },
    methods: {
        handleChange(e) {
            this.$emit("input", e.target.value)
        }
    }
}
</script>

<style>
</style>